{% extends "base.html" %}

{% block script %}
<script type="text/javascript">
    $(document).ready(function(){
		$("#inicio").removeAttr("class");
		$("#cadastro").removeAttr("class");
		$("#achados").removeAttr("class");
		$("#conta").addClass("current");
    });
</script>
{% endblock %}

{% block main %}				
	<h2>Minha conta</h2>
	<form action="/minha-conta" method="post">
	<table>
		<thead>
			<th colspan=2>Localização</th>
		</thead>
		<tfoot>
	      <tr>
	        <td  style="padding: 5px;" colspan="2" align="right">
	        <input class="button" value="Salvar" type="submit"/>
	        </td>
	      </tr>
	    </tfoot>
		<tr>
			<td>CEP</td>
			<td><input type="text" value="{{ conta.cep|escape }}" name="cep"/></td>
		</tr>
		<tr>
			<td>UF</td>
			<td>
				<select name="uf">
					<option value="PE">PE
				</select>
			</td>
		</tr>
		<tr>
			<td>Cidade</td>
			<td><input type="text" value="{{ conta.cidade|escape }}" 
				name="cidade"/></td>
		</tr>
		<tr>
			<td>Bairro</td>
			<td><input type="text" value="{{ conta.bairro|escape }}" 
				name="bairro"/></td>
		</tr>
		<tr>
			<td>Tipo logradouro</td>
			<td>
				<select name="tipo_logradouro">
					<option value="Nenhum">Nenhum
				</select>
			</td>
		</tr>
		<tr>
			<td>Logradouro</td>
			<td><input type="text" value="{{ conta.logradouro|escape }}"
				name="logradouro" size="40"/></td>
		</tr>
		<tr>
			<td>Número</td>
			<td><input type="text" value="{{ conta.numero|escape }}" 
				name="numero" size="5"/></td>
		</tr>
		<tr>
			<td>Complemento</td>
			<td><input type="text" value="{{ conta.complemento|escape }}" 
				name="complemento" size="40"/></td>
		</tr>
		<tr>
			<td>Telefone</td>
			<td><input type="text" value="{{ conta.telefone|escape }}" 
				name="telefone"/></td>
		</tr>
		<tr>
			<td>Telefone móvel</td>
			<td><input type="text" value="{{ conta.celular|escape }}" 
				name="celular"/></td>
		</tr>
	</table>
	</form>
{% endblock %}
